<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Tree - jQuery EasyUI Demo</title>
    <link rel="stylesheet" href="../css/default/easyui.css" type="text/css" />
	<link rel="stylesheet" href="../css/icon.css" type="text/css" />
	<link rel="stylesheet" href="demo.css" type="text/css" />
	<SCRIPT LANGUAGE="JavaScript" src="../js/jquery-1.7.1.min.js"></SCRIPT>
	<SCRIPT LANGUAGE="JavaScript" src="../js/jquery.easyui.min.js"></SCRIPT>
    <script type="text/javascript" src="../js/combotree.js"></script>
	<script type="text/javascript">
     var data = [{"id":1,"text":"Folder1","children":[{"id":2,"text":"File1"},{"id":3,"text":"Folder2","children":[{"id":4,"text":"File3","attributes":{"p1":"value1","p2":"value2"}}]}]},{"text":"Languages","children":[{"id":"j1","text":"Java"},{"id":"j2","text":"C#"}]}];
      var combotree;
	$(function(){
		combotree = new UI_Combotree("tt",data);
	});
	   
	  

   


	</script>
</head>
<body>
	
	<hr></hr>

	
<div style="margin:10px 0;">
<a href="#"  onclick="javascript:combotree.getValue()">GetValue</a>
</div>	
<!--
	<ul id="tt2" url="tree_data.json" checkbox="true" cascadeCheck="true" beginEdit="true"></ul> 

-->

<select id="tt"     style="width:200px;"></select>



<!--
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/><br/>
<br/>

<br/>
<br/>
<br/>
<br/>
<br/>
<input class="easyui-combobox" 
			name="language"
			url="combobox_data.json" 
			valueField="id" 
			textField="text" 
			panelHeight="auto">
	
	<div id="mm" class="easyui-menu" style="width:120px;">
		<div onclick="append()" iconCls="icon-add">Append</div>
		<div onclick="remove()" iconCls="icon-remove">Remove</div>
		</div>
		-->
  
</body>
</html>